<template>
    <div class="other-ddtx plr15 pt15" >
        <div class="top-info">
            <div class="c-000 lh30 fs-16 title">【石泉村木屋酒店亲子套餐】阳光大床房/阳光双床房住宿1晚+2大1小石海天然弗疗户外温泉+杏林大观园景区门票2张+自助早餐</div>
            <div class="kitbox item c-5b5b5b mt14 fs-14">
                <div>
                    <img class="riqi" src="/static/images/riqi.png" alt="">
                </div>
                <div class="flex1 pl9">
                    <span class="">使用日期： 2022.05.09~2022.09.30</span>
                </div>
                <div class="c-888 fs-12">
                    <span>修改</span>
                    <van-icon name="arrow" />
                </div>
            </div>
            <div class="kitbox item c-5b5b5b mt12 fs-14">
                <div>
                    <img class="riqi" src="/static/images/tishi.png" alt="">
                </div>
                <div class="flex1 pl9">
                    <span class="">购买须知</span>
                </div>
                <div class="c-888 fs-12">
                    <van-icon name="arrow" />
                </div>
            </div>
        </div>

        <div class="panel mt10">
            <div class="kitbox-mid">
                <div class="flex1">
                    <div class="fs-14 c-000">购买数量</div>
                    <div class="fs-12 c-b0b0b0">1份起购，最多5份</div>
                </div>
                <div>
                    <van-stepper :value="step" bind:change="onStepChange" />
                </div>
            </div>
        </div>

        <div class="panel mt10">
            <div class="kitbox-mid">
                <div class="flex1">预定人信息</div>
                <div>
                    <img class="sfz" src="/static/images/sfz.png" alt="">
                </div>
            </div>

            <div class="row kitbox-mid mt5">
                <div class="label">姓名 <span>*</span></div>
                <div class="ipt">
                    <input type="text">
                </div>
            </div>
            <div class="row kitbox-mid">
                <div class="label">手机号 <span>*</span></div>
                <div class="ipt">
                    <input type="text">
                </div>
            </div>
        </div>

        <div class="panel mt10">
            <div class="kitbox-mid">
                <div class="flex1 c-000 fs-14">积分</div>
                <div class="c-888 fs-12">无可用积分</div>
            </div>
        </div>

        <div class="panel mt10">
            <div class="kitbox-mid">
                <div class="flex1 c-000 fs-14">余额</div>
                <div class="c-888 fs-12">999,999</div>
            </div>
        </div>

        <div class="fs-10 c-888 tc mt10 kitbox-h-mid">
            <van-checkbox :value="checked" v-on:change="onCheckChange">勾选即代表已同意《服务协议》</van-checkbox>
        </div>



        <div class="bot-banner">
            <div class="bot-banner-inner kitbox-mid">
                <div class="flex1 fs-14 pl20">
                    <span class="c-5b5b5b">合计： </span>
                    <span class="c-ff2634">￥189.00</span>
                </div>
                <div class="plr16" >
                    <div class="btn">提交订单</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            checked: false,
            step: 1,
            activeNames: []
        }
    },
    onShow(){
        
    },
    mounted() {
        
    },
    methods: {
        onStepChange(e){
            
        },
        onCheckChange(e){

        }
    }
};
</script>
<style lang="scss" >
@import './css/ddtx.scss';
</style>
